<template>
  <div class="container-item-indent">
    <div v-if="value.orders_num" class="item-text">订单编号：<span>{{ value.orders_num }}</span></div>
    <div v-if="value.created_at" class="item-text">创建时间：<span>{{ value.created_at }}</span></div>
    <div v-if="value.pay_at" class="item-text">支付时间：<span>{{ value.pay_at }}</span></div>
    <div v-if="value.pay_type" class="item-text">支付方式：<span>{{ value.pay_type==1?'微信':'支付宝' }}</span></div>
    <div v-if="value.ship_at" class="item-text">发货时间：<span>{{ value.ship_at }}</span></div>
    <div v-if="value.tracking_num" class="item-text">物流单号：<span class="item-track">{{ value.tracking_num }}</span></div>
  </div>
</template>

<script>
export default {
  props: {
    value: {
      type: Object,
      required: true
    }
  }
}
</script>

<style lang="less">
.container-item-indent {
  padding: 10px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 14px;
  color: #666;
  .item {
    &-text {
      margin-bottom: 5px;
    }
    &-track {
      color: #d63a54;
    }
  }
}
</style>
